<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>テストノベル</title>
</head>
<body>
<h1>テストノベル</h1>
<h2 id="creator">山田太郎</h2>
<h2 id="publisher"></h2>
<h2 id="description">これはテスト用ノベルです。</h2>

<div id="contents" xn_direction="46" xn_text_rotation="tb" xn_support="iphone,ipad">

<div id="Scene1">

<!-- cut:1 -->
<audio src="bgm1.mp3" loop="true" />
<img id="bg" src="Scene1.jpg" />
Hello, world !<br/>
<xn_wait time="1.5"/>
&lt; HIT ANY KEY &gt;<br/>
<xn_let name="save:aa.xx" text="0"/>

<!-- cut:2 -->
<fg id="0" src="山田_標準.png" time="0.5" tate_pos="2" yoko_pos="8" />
「こんにちは。」<br/>
「私の名前は、
<ruby><rb>山田</rb><rt>さんだ</rt></ruby>
です。」<br/>

<!-- cut:3 -->
<fg id="0" src="山田_にっこり.png" time="0.5" tate_pos="2" yoko_pos="8" />
「ウソです。」<br/>
「普通に
<ruby><rb>山田</rb><rt>やまだ</rt></ruby>
と読んでください。」<br/>

<nav>
  <h1>どうする？</h1>
  <a href="#Scene2">はい</a>
  <a href="#Scene3">いいえ</a>
</nav>
</div>

<div id="Scene2">

<!-- cut:1 -->
<audio src="good.mp3" />
「ありがとうございます。」(ニコッ)<br/>
<xn_trace text="save:aa.xx"/>
<a href="#Scene4" cond="save:aa.xx == 99"/>

<!-- cut:2 -->
<audio src="" />
<fg id="1" src="山田_びっくり.png" time="0.5" tate_pos="1" yoko_pos="7" />
「ちょおっと、待った～！」<br/>

<!-- cut:3 -->
<fg id="2" src="鈴木_つっこみ.png" time="0.5" tate_pos="3,60" yoko_pos="9" />
それは私が認めん！<br/>

<a href="#Scene3">
</div>

<div id="Scene3">

<!-- cut:1 -->
<audio src="bad.mp3" />
(´・ω・｀)<br/>

<a href="#Scene4">
</div>

<div id="Scene4">

<!-- cut:1 -->
<video src="end.mp4" />
<stopbgm/>

<!-- cut:2 -->
お・わ・り<br/>

<xn_close/>
</div>

</div>
</body>
</html>
